<script setup>
import { ref } from 'vue'
let computer = ref('MacBook Pro')
let book = ref(20)

defineExpose({ computer, book })
</script>
<template>
    <div id="myfather">
        <h3>我是儿子2组件</h3>
        <h3>myson2组件的电脑是:{{ computer }}</h3>
        <h3>myson2组件有:{{ book }}书</h3>
    </div>
</template>
<style scoped>
#myfather {
    background-color: #1271b5;
    padding: 10px;
    border: 1px solid rgb(176, 31, 123)
}
</style>